<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>隔行换色</title>
    <style>

        th, td {
            border-bottom: 1px #C0C0C0 solid;
            height: 40px;
            font-family: 楷体;
            width: 200px;
            text-align: center;
        }

        td input[type] {
            width: 80px;
            height: 30px;
        }

        th {
            background-color: #DEE3E6;
        }

        td {
            background-color: #F5F5F5;
        }

        td img {
            width: 50px;
            height: 50px;
        }

    </style>
</head>
<body>

<!--在此处定义表格-->
<table>
    <tr>
        <th>编号</th>
        <th>图像</th>
        <th>姓名</th>
        <th>地址</th>
        <th>操作</th>
    </tr>
    <tr>
        <td>1</td>
        <td><img src="img/autor.jpg" alt="唐老鸭"></td>
        <td>张三</td>
        <td>西安</td>
        <td><input type="button" value="修改"> <input type="button" value="删除"></td>
    </tr>
    <tr>
        <td>2</td>
        <td><img src="img/autor2.jpg" alt="皮卡丘"></td>
        <td>李四</td>
        <td>武汉</td>
        <td><input type="button" value="修改"> <input type="button" value="删除"></td>
    </tr>
    <tr>
        <td>3</td>
        <td><img src="img/autor3.jpg" alt="史努比"></td>
        <td>王五</td>
        <td>北京</td>
        <td><input type="button" value="修改"> <input type="button" value="删除"></td>
    </tr>
    <tr>
        <td>4</td>
        <td><img src="img/autor.jpg" alt="皮卡丘"></td>
        <td>赵六</td>
        <td>上海</td>
        <td><input type="button" value="修改"> <input type="button" value="删除"></td>
    </tr>
    <tr>
        <td>5</td>
        <td><img src="img/autor2.jpg" alt="唐老鸭"></td>
        <td>田七</td>
        <td>深圳</td>
        <td><input type="button" value="修改"> <input type="button" value="删除"></td>
    </tr>

</table>
</body>
</html>